<!DOCTYPE HTML>
<html>
	<#include "headFile4detail.htm">
	<style>
p{
text-indent:2em; 
}

</style>
	<body class="met-navfixed">
		<div id="page">
			<div class="econav">
				<#include "header.htm">
			</div>
			<div class="met-position  pattern-show">
				<div class="container">
					<div class="row">
						<ol class="breadcrumb">
							<li>
								<a href="{ms:global.host/}" title="网站首页">
									<i class="icon wb-home iconfont" aria-hidden="true">&#xe70c;</i>网站首页
								</a>
							</li>
							<li class="dropdown">
								<a href="{ms:global.host/}/product" title="产品列表" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">产品列表 <i class="caret iconfont"></i></a>
								<ul class="dropdown-menu bullet">
									<li>
										<a href="{ms:global.host/}/product" title="全部">全部</a>
									</li>
									{ms:channel typeid=1329257213283344385 size=2}
										<li>
											<a href="{ms:global.url/}[field.typelink/]" class="link" title="[field.typetitle/]">[field.typetitle/]</a>
										</li>
									{/ms:channel}
								</ul>
							</li>
							<li class="dropdown">
								<a href="{ms:field.typelink/}" title="{ms:field.typetitle/}">
									{ms:field.typetitle/}
								</a>
							</li>
						</ol>
					</div>
				</div>
			</div>
			<div class="page met-showproduct pagetype1 animsition">
				<div class="met-showproduct-head">
					<div class="container">
						<div class="row">
							<div class="col-md-7">
								<div class='met-showproduct-list fnGallery text-center slick-dotted' id="met-imgs-carousel">
									<div class='slick-slide lg-item-box'>
										<span>
			                                <img src="{ms:global.host/}/{@ms:file field.litpic/}" class="img-responsive" alt="{ms:field.title/}" />
			                            </span>
									</div>
								</div>
							</div>
							<div class="col-md-5 product-intro">
								<h1>{ms:field.title/}</h1>
								<p class="description">{ms:field.descrip/}</p>
							</div>
						</div>
					</div>
				</div>
				<div class="met-showproduct-body">
					<div class="container">
						<div class="row no-space">
							<div class="col-md-9 product-content-body">
								<div class="row">
									<div class="panel product-detail">
										<div class="panel-body">
											<ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
												<li class="active">
													<a data-toggle="tab" href="#product-details" data-get="product-details">详细信息</a>
												</li>
											</ul>
											<div class="tab-content">
												<div class="tab-pane met-editor lazyload clearfix animation-fade active" id="product-details">
													<div>
														<p>{ms:field.content/}</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--右侧开始-->
							<div class="col-md-3">
								<div class="row">
									<div class="panel product-hot">
										<div class="panel-body">
											<h4 class="example-title">热门推荐</h4>
											<ul class="blocks-2 blocks-sm-3 mob-masonry" data-scale='1'>
												{ms:arclist typeid=1329257213283344385 size=2 orderby=sort order=desc}
													<li>
														<a href="{ms:global.url/}[field.link/]" target="_blank" class="img" title="[field.title/]">
															<img data-original="{ms:global.host/}/{@ms:file field.litpic/}" class="cover-image" style='height:200px;' alt="[field.title/]">
														</a>
														<a href="{ms:global.url/}[field.link/]" target="_blank" class="txt" title="[field.title/]">[field.title/]</a>
													</li>
												{/ms:arclist}
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--右侧结束-->
						</div>
					</div>
				</div>
			</div>
			<#include "footer.htm">
		</div>
	</body>
</html>